<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<body>
<div class="top-bar" id="top-section" th:fragment="top-section">
    <div class="fake-extension-detected-bar"></div>
    <div class="header-bar">
        <a href="https://github.com/alenfive/rocket-api" target="_blank" class="show-for-free-edition talend-portal">
            <i class="ti-icon ti-icon-logo-square"></i></a>
        <a href="https://github.com/alenfive/rocket-api" target="_blank" class="hide-for-free-edition talend-portal" data-original-title="" title="">
            <i class="ti-icon ti-icon-logo-square"></i></a>
        <ul class="tabs">
            <li class="separator">
                <div>|</div>
            </li>
            <li class="show-for-free-edition app-switcher-container">
                <div class="app-switcher-button"><i class="ti-icon ti-icon-api-tester-negative"></i>
                    <div class="app-label" th:text="${title}">Rocket API</div>
                </div>
            </li>
            <li class="hide-for-free-edition app-switcher-container"><a class="app-switcher-button"
                                                                        data-toggle="dropdown"> <i
                    class="ti-icon ti-icon-api-tester-negative"></i>
                <div class="app-label">Rocket API</div>
                <span class="caret"></span> </a>
                <ul class="apps"></ul>
            </li>
            <div class="konami-app-header" aria-hidden="true" style="display: none;">
                <li class="separator restricted-access">
                    <div>|</div>
                </li>
                <div class="sync-progress" title="Remaining time until next project sync">
                    <div class="sync-progress-bg" role="progressbar"></div>
                    <div class="sync-progress-text"><span class="sync-progress-value"></span> <span>s</span></div>
                </div>
                <button class="konami-button r-btn r-btn-small r-btn-rounded" title="force project sync"><i
                        class="sli-icon-reload"></i><span></span><span class="r-btn-indicator" aria-hidden="true"
                                                                       style="display: none;"></span></button>
                <button class="konami-button r-btn r-btn-small r-btn-rounded" title="open konami pane"><i
                        class="sli-icon-rocket"></i><span></span><span class="r-btn-indicator" aria-hidden="true"
                                                                       style="display: none;"></span></button>
            </div>
            <li class="separator restricted-access">
                <div>|</div>
            </li>
            <li class="separator restricted-access hide-for-free-edition">
                <div class="entity-status ellipsis" title=""></div>
            </li>
            <div aria-hidden="true" style="display: none;"><p class="transaction-list-link"><a class="gwt-Anchor">Saving...
                (show details)</a></p></div>
        </ul>
        <ul class="right-tabs">
            <li class="restricted-access conflict separator-after" aria-hidden="true" style="display: none;"
                data-original-title="" title=""><i class="sli-icon-info"></i></li>
            <li class="available-version separator-after restricted-access" aria-hidden="true"
                style="display: none;"><i class="fa fa-bullhorn"
                                          title="A new version is available, click to upgrade!"></i> <span
                    class="new-version-label" title="A new version is available, click to upgrade!"> A new version is available </span>
            </li>
            <li class = "no_hover"><a style="padding: 0px 20px;" th:text="${version}"></a></li>
            <li ><a style="padding: 0px 20px;" href="javascript:targetGo('Magic-API','https://gitee.com/ssssssss-team/magic-api')"> Link : Magic-API </a></li>
            <li style="padding: 0px 20px;display: none" class="no_hover center-version"><a target="_blank"  href="https://gitee.com/alenfive/rocket-api/releases">Latest release：<span ></span></a></li>
            <li class = "no_hover" style="padding: 0px 20px;"><a href="javascript:targetGo('Github访问次数','https://github.com/alenfive/rocket-api')" ><img alt="GitHub stars" src="https://img.shields.io/github/stars/alenfive/rocket-api?style=social"></a></li>
            <li class = "no_hover" style="padding: 0px 20px;"><a href="javascript:targetGo('Gitee访问次数','https://gitee.com/alenfive/rocket-api')" ><img src='https://gitee.com/alenfive/rocket-api/badge/star.svg?theme=dark' alt='star'></img></a></li>
            <li ><a style="padding: 0px 20px;" href="javascript:targetGo('文档访问次数','https://www.yuque.com/alenfive/rocket-api')"> 帮助文档 </a></li>
            <li class="separator">
                <div>|</div>
            </li>
            <li class="user login-info" style="display: none">
                <a data-toggle="dropdown" style="visibility: visible;">
                    <i  class="ti-icon ti-icon-user-circle"></i>
                    <div class="name">Free Edition</div>
                    <span class="caret"></span>
                </a>
                <ul class="drop">
                    <li class="show-for-free-edition" onclick="logout()" style=" width: 166px;"><a> Logout </a></li>
                </ul>
            </li>
            <li class="user login-btn" aria-hidden="true" onclick="showLoginDialog()" ><a> Sign in </a></li>
        </ul>
    </div>
    <div class="offline-ribbon hide-for-free-edition">Trying to synchronize... You can still work on your projects
        in the meantime.
    </div>


</div>
</body>
</html>